- 综合排序
- 最热优先
- 最新优先
- 来自专栏云瓣
打包优化实践(如何Code Spliting)
实际上 moment.js 也使用按需加载 了(实验减少了 40KB+)，所以最终结果相差不大; code-spliting 使用 MiniCssExtractPlugin 插件分离 JavaScript build / static / js / main.496a38b7.js 8.2 KB build / static / css / main.css code-spliting 参考文献 code-splitting Code-Splitting(react)
1.6K20发布于 2018-10-11 - 来自专栏QQ音乐前端团队专栏
Vue打包优化之code spliting
}), new webpack.LoaderOptionsPlugin({ minimize: true }) ]) } 参考资料： Webpack 大法之 Code
4.6K100发布于 2018-05-22 - 来自专栏QQ音乐技术团队的专栏
Vue打包优化之code spliting
参考资料： Webpack 大法之 Code Splitting：https://zhuanlan.zhihu.com/p/26710831 vue+webpack实现异步组件加载：http://blog.csdn.net
2.7K20编辑于 2023-03-01 - 来自专栏云瓣
深度理解 React Suspense(附源码解析)
Code Spliting 在 16.6 版本之前，code-spliting 通常是由第三方库来完成的，比如 react-loadble(核心思路为: 高阶组件 + webpack dynamic import ), 在 16.6 版本中提供了 Suspense 和 lazy 这两个钩子, 因此在之后的版本中便可以使用其来实现 Code Spliting。 目前阶段, 服务端渲染中的 code-spliting 还是得使用 react-loadable, 可查阅 React.lazy, 暂时先不探讨原因。 Code Spliting 在 React 中的使用方法是在 Suspense 组件中使用 <LazyComponent> 组件: import { Suspense, lazy } from 'react
1.7K10发布于 2019-03-15 - 来自专栏神光的编程秘籍
还在摸黑 ThreeShaking 么？来试下 Chrome Devtools 的 Coverage 可视化
我们会用 webpack、purgecss 做 js 和 css 的 treeshaking，会用 webpack 的 code spliting 做懒加载。 但是，treeshaking 和 code spliting 很多情况下我们都是摸黑做的，可能用上了这个功能，但却不知道效果怎么样，不知道是否真的达到了优化加载性能的目的，把用不到的代码给删掉或者延后加载了 我们会做这些优化： 从源码中删掉（如果代码确实没用的话） 用 webpack、purgecss 或其他工具的 treeshking 功能在产物中删掉（如果这个网页里用不到的话） 用 webpack 或其他工具的 code spliting 做懒加载（如果暂时用不到，之后可能用到的话） 这些优化的目标就是把分析出来的代码删掉或者懒加载，优化得很有针对性，而且优化完后可以直观的看到优化的效果。 同样，资源加载的性能优化可以用 Coverage 工具记录代码使用情况，可视化的标记出没用到的代码，之后就可以针对性的优化了，用 treeshaking 或者 code spliting 的懒加载等方式
40320编辑于 2022-01-07 - 来自专栏神光的编程秘籍
图解串一串 webpack 的历史和核心功能
我们分别来看一下： 首先是 code spliting： 比如我有这样一个模块： 我直接引入它来计算是这样的： 这时候只会加载一个 js 文件，因为所有模块都打包到一起了： 但如果这个文件特别大 这就要用到 webpack 的 code spliting 功能了： 改成这种方式，使用 import 的 api 加载： 这时候代码运行依然是正常的： 但这时候有了两个 js 文件，第二个 js 对于我们来说它可能是隐形的功能，因为它不像 code spliting 一样，需要手动 import 才启用，这个是默认启用的。 实现了很多功能：code spliting、tree shaking、dev server、hmr、module federation 等。 我们分别过了一遍 webpck 这些功能， code spliting 是暂时用不到的模块，可以通过 import 的 api 异步引入，webpack 打包时会把它分到单独的 chunk 里。
62220编辑于 2023-08-28 Open Code对标Claude Code
缺少 Claude Code 主题 ，这点差评安装Skills、Plugins一应俱全，一上手就爱上了，让 Claude Code 不给中国用，让他去垃圾桶利吃灰吧，虽然用不上Claude Code 模型
51220编辑于 2026-04-09- 来自专栏程序大视界
用Claude Code分析Claude Code源码
02 — Claude Code是什么？ 04 — Claude Code源码 Claude Code源码已经公开，短短几十小时内Fork的几个GitHub账号访问量达几百万，其中有2个具有代表性的账号，一个是Claude Code用TypeScript TypeScript版本：https://github.com/sanbuphy/learn-coding-agent （目前已由claude-code-source-code改名为learn-coding-agent ，并且用Claude Code去分析Claude Code的源码。 https://github.com/Liuq24/claude-code-source-code https://github.com/Liuq24/claw-code clone到本地后，进行分析：
91311编辑于 2026-04-10 - 来自专栏XRSec.Blog
code-server code-server arm
\ --link vs-db \ xrsec/code-server:arm View image.png initialization Make code-server docker run -it /bin/bash echo "start code-server succers" /bin/bash' > code-server.sh sudo chmod 777 code-server.sh sudo chown root code-server.sh docker cp code-server.sh code-server:/ docker start code-server docker /code-server-3.8.1-amd64.rpm rpm -ivh code-server-3.8.1-amd64.rpm Other code-server Inatall BT wget - & echo "start code-server succers" /bin/bash' > /code-server.sh chmod 777 /code-server.sh exit docker
2.3K20编辑于 2022-02-11 - 来自专栏vscode从0到高手
Claude Code正式发布VS Code插件！
人生不过尔尔 不必自困于心 好消息：现在你的 VS Code 可以拥有一个会聊天、能改代码、懂上下文的 AI 副驾驶——它就是 Claude Code 插件！ Claude Code 是 Anthropic 官方推出的 VS Code 插件，基于 Claude 大模型，专为开发者设计。 一个 Anthropic 账号 安装步骤 打开 VS Code，按 Ctrl+Shift+X（Windows）或 Cmd+Shift+X（Mac） 搜索 “Claude Code” 点击 Install anthropic.claude-code 3. 进入 VS Code 设置 → Extensions → Claude Code → 勾选 “Use Terminal” 安全设置建议 初始权限模式：保持默认（每次修改都问你） 禁用自动保存：避免意外覆盖
10.1K22编辑于 2026-02-27 - 来自专栏DDD
code review
review，其实在任何行业，基本都是大厂带给整个行为最佳实践，code review就是其中一种实践 The biggest thing that makes Google’s code so good is simple: Code Review. 找到bug只是其中的副产品 以我个人经验看，code review更多是技术及业务知识的分享，甚至可以相互结合，理论分享与code的结合 比如check list与最佳实践结合 how code review 或者说code review需要review些什么？code? 这是code review比较难解决的 分享 从上面所述，code review虽然能发现代码中的一些错误，但不应该是他的核心价值。
1.5K20发布于 2021-03-23 - 来自专栏Cell的前端专栏
Code Playground
Web 应用 https://glitch.com Replit 支持多语言（如 Python、Java、C++），适合教育用途和全栈开发 https://replit.com Gitpod 基于 VS Code 的云端 IDE，适合 GitHub 项目快速启动和协作 https://gitpod.io 码上掘金 国内版轻量 Playground，支持 React、Vue 等框架，适合中文用户 https://code.juejin.cn
74910编辑于 2025-08-05 - 来自专栏andy的小窝
code test
// make links and image work Handler handler = new Handler() { public void handleMessage(Message msg) { int what = msg.what; if (what == 200) { MessageSpan ms = (MessageSpan) msg.obj; Object[] spans = (Object[])
1.6K20发布于 2020-02-12 - 来自专栏用户6884826的专栏
Code Review
而类似架构或者设计模式这样的“大”问题，我个人觉得并不适合在code review的时候去讨论。 有的部门还规定每次code review至少要有一个senior级别以上的码农参与，等等。 从工具上来说，现在的码农还是比较幸福的了。 后来车库计划（利用员工闲暇时间随便做点什么的一个计划）里面有人做了一个新的code review工具，叫CodeFlow，极大改善了我们做code review的体验，病毒式地传播到了公司各个部门，可以算是车库计划最成功的项目了 CodeFlow主要把code review的过程做成了一个聊天式的体验，你对哪段code有意见，直接选取那段code然后加个comment，对方就需要对此做出回应。 总的来说大家对CodeFlow还是挺满意的，它的功能现在基本上都在Visual Studio里面整合了，其他答案也已经有人提到Visual Studio的code review功能了。
1.4K10发布于 2021-07-08 - 来自专栏DevOps充电宝
Helm as code
个人博客：https://www.aiopsclub.com/ Helm as code 作者介绍：helm 分支维护者 helmfile核心维护者 随着云原生的流行，kubernetes已然成为云原生的重要基础设施 接下来我们将要学习helm以及如何实现helm的技术设施即代码：helm as code. helm的模板函数之外，helmfile还新增多个好用到爆的函数，具体参考: https://helmfile.readthedocs.io/en/latest/#templating Helm As Code 通过helm和helmfile介绍与学习，我们已经具备helm as code的必要条件，那helm as code应该如何玩？ helm as code 应用即代码，希望这篇文章可以对大家有所启发，互相交流。
1.3K20编辑于 2022-11-11 - 来自专栏绿巨人专栏
Design Pattern：Code Shape - manage your code shape
[Java] Design Pattern：Code Shape - manage your code shape Code Shape Design Pattern Here I will introduce a design pattern: Code Shape。 Methods in each layer tend to present the same code structure. Here we name it as code shape. Code Demonstrate This article presents a code demonstrate to implement following features: Before calling String value = br.businessRuleThree("Mary", "is woman"); } } Code Shape Design Pattern Code CodeShapeSample
1.2K50发布于 2018-05-18 - 来自专栏跨平台全栈俱乐部
9102年：手写一个Vue的脚手架 【极致优化版】
json等 实现VueRouter路由懒加载，按需加载 ， 代码分割 指定多个路由同个chunkName并且打包到同个chunk中 实现代码精确分割 支持less sass stylus等预处理 code spliting 优化首屏加载时间 不让一个文件体积过大 提取公共代码，打包成一个chunk 每个chunk有对应的chunkhash,每个文件有对应的contenthash,方便浏览器区别缓存 图片压缩 CSS压缩 增加CSS前缀 兼容各种浏览器 对于各种不同文件打包输出指定文件夹下 缓存babel的编译结果，加快编译速度 每个入口文件，对应一个chunk，打包出来后对应一个文件 也是code spliting spliting功能 { loader: 'babel-loader', options spliting代码分割 vue脚手架是同步异步分开割，我是直接一起割 optimization: { runtimeChunk:true, //设置为 true,
1.2K40发布于 2019-08-02 - 来自专栏爬虫0126
在 Visual Studio Code (VS Code) 中设置
在 Visual Studio Code (VS Code) 中设置代理服务器的详细教程如下：1. 打开 Visual Studio Code。2. 现在，你已经成功为 Visual Studio Code 设置了代理服务器。请注意，这些设置仅适用于当前用户和当前安装的 Visual Studio Code。
8.7K30编辑于 2023-10-25 - 来自专栏快乐阿超
code runner
——海子 分享一个插件：Code Runner可以直接运行代码，不需要复杂配置环境 安装以后可以直接运行当前文件 我们直接运行ts的话，还需要安装一个ts-node tyarn global
1.1K20编辑于 2023-01-09 - 来自专栏GoCoding
Claude Code
更多， Use Claude Code in VS Code[1] 使用 经验 Claude Code 使用经验，来自其作者 Boris Cherny： https://x.com/bcherny/status 分析： Claude Code 源码分析[2] 御舆：解码 Agent Harness[3] 从零构建 Code Agent[4] Claude Code Agent 架构图[5] 重写： Claw Code in VS Code: https://code.claude.com/docs/en/vs-code [2] Claude Code 源码分析: https://github.com/liuup/ Code Agent: https://github.com/jiji262/build-code-agent [5] Claude Code Agent 架构图: https://www.waylandz.com /diagrams/claude-code-architecture.html [6] Claw Code: https://github.com/ultraworkers/claw-code
41210编辑于 2026-04-23
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号